<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>跳转页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <script type="text/javascript" src="/resources/easyui/jquery.min.js"></script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        .test {
            height: 600px;
            max-width: 600px;
            font-size: 40px;
        }
    </style>
</head>
<body>

</body>
</html>
<script type="text/javascript">
    $(function () {
        if (isWeiXin()) {
            var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
            var weixinTip = $('<div id="weixinTip"><p><img src="/resources/images/live_weixin.png" alt="微信打开"/></p></div>');
            $("body").append(weixinTip);
            $("#weixinTip").css({
                "position": "fixed",
                "left": "0",
                "top": "0",
                "height": winHeight,
                "width": "100%",
                "z-index": "1000",
                "background-color": "rgba(0,0,0,0.8)",
                "filter": "alpha(opacity=80)",
            });
            $("#weixinTip p").css({
                "text-align": "center",
                "margin-top": "10%",
                "padding-left": "5%",
                "padding-right": "5%"
            });
        } else {
            window.location.href = "${url}";
        }
    });
    function isWeiXin() {
        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            return true;
        } else {
            return false;
        }
    }
</script>